// 客户端安全的颜色工具函数
// 不包含任何数据库操作，可以在客户端组件中安全使用

// 精心挑选的用户颜色调色板
export const USER_COLOR_PALETTE = [
  '#FF6B6B', // 珊瑚红
  '#4ECDC4', // 青绿色
  '#45B7D1', // 天蓝色
  '#96CEB4', // 薄荷绿
  '#FFEAA7', // 柠檬黄
  '#DDA0DD', // 梅花紫
  '#98D8C8', // 海绿色
  '#F7DC6F', // 金黄色
  '#BB8FCE', // 淡紫色
  '#85C1E9', // 浅蓝色
  '#F8C471', // 桃橙色
  '#82E0AA', // 浅绿色
  '#F1948A', // 粉红色
  '#D7BDE2', // 薰衣草紫
  '#A3E4D7', // 水绿色
  '#FAD7A0', // 杏黄色
  '#AED6F1', // 婴儿蓝
  '#F9E79F', // 香草黄
  '#D5A6BD', // 玫瑰粉
  '#A9DFBF', // 春绿色
  '#F4D03F', // 阳光黄
  '#AF7AC5', // 兰花紫
  '#5DADE2', // 钢蓝色
  '#58D68D', // 翡翠绿
  '#F8D7DA', // 樱花粉
  '#D1ECF1', // 冰蓝色
  '#FFF3CD', // 奶油黄
  '#E2E3E5', // 银灰色
  '#D4EDDA'  // 薄荷白
]

// 颜色名称映射（用于显示）
export const COLOR_NAMES: Record<string, string> = {
  '#FF6B6B': '珊瑚红',
  '#4ECDC4': '青绿色',
  '#45B7D1': '天蓝色',
  '#96CEB4': '薄荷绿',
  '#FFEAA7': '柠檬黄',
  '#DDA0DD': '梅花紫',
  '#98D8C8': '海绿色',
  '#F7DC6F': '金黄色',
  '#BB8FCE': '淡紫色',
  '#85C1E9': '浅蓝色',
  '#F8C471': '桃橙色',
  '#82E0AA': '浅绿色',
  '#F1948A': '粉红色',
  '#D7BDE2': '薰衣草紫',
  '#A3E4D7': '水绿色',
  '#FAD7A0': '杏黄色',
  '#AED6F1': '婴儿蓝',
  '#F9E79F': '香草黄',
  '#D5A6BD': '玫瑰粉',
  '#A9DFBF': '春绿色',
  '#F4D03F': '阳光黄',
  '#AF7AC5': '兰花紫',
  '#5DADE2': '钢蓝色',
  '#58D68D': '翡翠绿',
  '#F8D7DA': '樱花粉',
  '#D1ECF1': '冰蓝色',
  '#FFF3CD': '奶油黄',
  '#E2E3E5': '银灰色',
  '#D4EDDA': '薄荷白'
}

// 获取颜色的显示名称
export function getColorName(color: string): string {
  return COLOR_NAMES[color] || '自定义颜色'
}

// 生成随机颜色（备用方案）
export function generateRandomColor(): string {
  const hue = Math.floor(Math.random() * 360)
  const saturation = 60 + Math.floor(Math.random() * 30) // 60-90%
  const lightness = 50 + Math.floor(Math.random() * 20)  // 50-70%
  
  return `hsl(${hue}, ${saturation}%, ${lightness}%)`
} 